import React, {Component} from "react";
import {Row,Col} from "antd";
import { Route  } from 'react-router-dom';
import UserInfo from "../UserInfo/UserInfo";
import CodeModule from "./CodeModule/CodeModule";
import MyCalendar from "../MyCalendar/MyCalendar";
import "./BlogBody.less";
import MainModule from "./MainModule/MainModule";
import LifeModule from "./LifeModule/LifeModule";
class BlogBody extends Component{
    render() {

        return (
            <>
                <div style={{marginTop:20}}>
                    <Row >
                        <Col span={5}>
                            <UserInfo />
                        </Col>
                        <Col span={12} className={'blogBody'}>
                                <Route path="/" component={MainModule} exact/>
                                <Route path="/main/life" component={LifeModule} exact/>
                                <Route path="/main/code" component={CodeModule} exact/>
                                {/*<MainModule/>*/}
                        </Col>
                        <Col span={7}>
                            <MyCalendar />
                        </Col>
                    </Row>
                </div>
            </>
        )
    }
}

export default BlogBody;
